﻿



     <script type="text/javascript">

         function onLoad(e) {
             $console.log('Editor loaded.');
         }

         function onChange(e) {
             $console.log('Editor OnChange.');
         }

         function onExecute(e) {
             $console.log('Editor execute :: ' + e.name + '.');
         }

         function onSelectionChage(e) {
             $console.log('Editor OnSelectionChage.');
         }

    </script>

    @{ Html.Telerik().Editor()
           .Name("Editor")
           .ClientEvents(events => events
               .OnLoad("onLoad")
               .OnChange("onChange")
               .OnExecute("onExecute")
               .OnSelectionChange("onSelectionChage"))
           .Value(@<text> 
                <p>
                    <img src="@Url.Content("~/Content/Editor/editor.png")"
                            alt="Editor for ASP.NET MVC logo"
                            style="display:block;margin-left:auto;margin-right:auto;" />

                    Telerik Editor for ASP.NET MVC allows your users to edit HTML in a familiar,
                    user-friendly way.<br />
                    In this version, the Editor provides the core HTML editing engine, which includes
                    basic text formatting, hyperlinks, lists, and image handling.
                    The extension <strong>outputs identical HTML</strong>
                    across all major browsers, follows accessibility standards
                    and provides an extended programming API for content manipulation.
                </p>

                <p>Features include:</p>

                <ul>
                    <li>Text formatting & alignment</li>
                    <li>Bulleted and numbered lists</li>
                    <li>Hyperlink and image dialogs</li>
                    <li>Cross-browser support</li>
                    <li>Identical HTML output across browsers</li>
                    <li>Gracefully degrades to a <code>textarea</code>
                              when JavaScript is turned off</li>
                </ul>

                <p>
                    Read <a href="http://www.telerik.com/products/aspnet-mvc/editor.aspx">more details</a>
                    or send us your
                    <a href="http://www.telerik.com/community/forums/aspnet-mvc.aspx">feedback</a>!
                </p>
            </text>)
            .HtmlAttributes(new { style = "margin-bottom: 2em" })  
            .Render();
    }

     @Html.Partial("_EventLog")


